<template>
  <div>
    <el-row>
      <el-col :span="24">
        <div class="grid-content bg-purple-dark">
          可选奖项：
          <span>
            <el-dropdown @command="handleCommand">
              <!--<el-button size="medium" split-button type="primary" round>-->
              <el-button size="medium" split-button type="primary">
                下拉选择<i class="el-icon-arrow-down el-icon--right" />
              </el-button>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item command="a">2020上海市优秀毕业生</el-dropdown-item>
                <el-dropdown-item command="b">2020本科生国家奖学金</el-dropdown-item>
                <el-dropdown-item command="c">2021社会捐赠奖学金</el-dropdown-item>
                <el-dropdown-item command="d" disabled>其他</el-dropdown-item>
                <el-dropdown-item command="e" divided>其他</el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </span>
          <!--          <span id="span1">-->
          <!--            <a href="http://localhost:9527/#/apply1">申请</a>-->
          <!--          </span>-->
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'Index',
  methods: {
    handleCommand(command) {
      switch (command) {
        case 'a':
          window.open('http://localhost:9527/#/apply1', '_self')
          break
        case 'b':
          window.open('#')
          break
        default:
          this.$message('click on item ' + command)
      }
    }
  }
}
</script>

<style scoped>
@import "SelectType.scss";
</style>
